$(function(){
    let product = document.querySelector("#product>.ulbox")
    function getQueryString(url){
        // 通过 ？分割 成 数组 ，数组的第一项 就是  所有的参数
        let cs = url.split("?")[1];
        console.log(cs)

        // 判断如果没有参数  返回 null
        if(!cs){
            return null;
        }

        // 针对 所有的参数 分割 成 数组
        let csArr = cs.split("&");

        // 定义一个接收结果的 对象
        let csObj = {};

        // 遍历 所有的参数数组 通过 = 将 key 和 value  分割 存入 对象
        csArr.forEach(item => {
            csObj[item.split("=")[0]] = item.split("=")[1]
        });

        return csObj;
    }

    let href = decodeURI(location.href)
    console.log(location.href)


    var cs = getQueryString(href).couponid;

    console.log(cs);
    
    let str = ""
    fetch("http://chst.vip:1234/api/getcouponproduct?couponid="+cs)
    .then(body=>body.json())
    .then(res=>{
        console.log(res)
        res.result.forEach(item=>{
            let regExp = /(\/|http)[^>]+\.(jpg|jpeg|png|gif)/g
            let r = item.couponProductImg.match(regExp)
            console.log(r)
            str += `<li index=${item.couponId}>
                        <a href="" class="clearfix">
                            <div class="img">
                                <img src="${r[0]}" alt="">
                            </div>
                            <div class="info">
                                <div class="title">
                                    <h4>${item.couponProductName}</h4>
                                </div>
                                <div class="other">
                                    <h4 class="price">${item.couponProductPrice}</h4>
                                    <div class="time">${item.couponProductTime}</div>
                                </div>
                            </div>
                        </a>
                    </li>
                    `
        })
        product.innerHTML=str;
    })
})